<template>
  <div>
    <Modal class="pop" class-name="vertical-center-modal" v-model="showPop" width="553px" :title="$t('user.notice')" :footer-hide="true">
      <div class="pop-content">
        <p>{{ $t('user.hello') }}</p>
        <p>{{ $t('user.atPresent') }}</p>
        <p>{{ $t('user.upperLimit') }}</p>
        <p>{{ $t('user.measure') }}</p>
        <p>{{ $t('user.orderQuantity') }}</p>
        <p>{{ $t('user.rechargeShippingFee') }}</p>
        <p>{{ $t('user.doubt') }}</p>
        <p>{{ $t('user.sincere') }}</p>
        <p class="team">{{ $t('user.team') }}</p>
      </div>
      <div class="btton-right"><Button type="primary" size="large"  @click="showPop = false">{{ $t('user.clear') }}</Button></div>
    </Modal>
  </div>
</template>

<script>
export default {
  name: "t-promptDisable",
  data() {
    return {
      showPop: false,
    }
  },
  methods: {
    init() {
      this.showPop = true
    }
  }
}
</script>

<style scoped lang="less">
.vertical-center-modal {
  .pop-content{
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 14px;
    color: #767676;
    line-height: 24px;
    font-style: normal;
    text-transform: none;
    // padding: 0 30px;
    .team{
      color: #232323;
    }
  }
  .btton-right{
    margin-top: 26px;
    text-align: right;
  }
}
</style>